*{
  margin:0;
  padding:0;
}
ul li{
  list-style:none;
}
a{
  text-decoration:none;
  color:black;
}
img{
  display: block;
}
.outer{
  background-color:rgba(254,258,107,0.9);
}
 .one{
  width:1000px;
  margin:0 auto;
  padding:20px 0;
}

.oneer{
 width:370px;
 height:240px;
 /* overflow:hidden; */
 border-radius:10px;
 position:relative;
}
.oneer img{
  width: 100%;
}
.onesan{
  position:absolute;
  width:106px;
  height:102px;
  border-radius:50%;
  overflow:hidden;
  top:50%;
  left:50%;
  transform:translate(-52%,-52%)
}
.oneone{
  margin-top: 10px;
  display: flex;
  justify-content:space-between;
  /* align-items:center; */
}
.onesi{
  box-sizing:border-box;
  width:610px;
  height:240px;
  padding:0 20px;
  background-color:white;
  border-radius:10px;
}
.oneliu{
  display: flex;
  align-items:center;
}
.oneliu span{
  font-size:12px;
  color:white;
}
.oneliu img{
  width:14px;
  height:14px;
}
.oneliu div{
  width:75px;
  height:22px;
  display: flex;
  justify-content:center;
  align-items:center;
  border-radius:40px 40px 40px 6px;
}
.oneqi{
  background-color: rgb(23,198,113);
  margin-left:10px;
}
.oneba{
  background-color: rgb(255,171,79);
  margin-left:10px;
}
.onewu{
  margin-top:20px;
}
.onejiu{
  display: flex;
  align-items:center;
  margin-top:5px;
}
.onejiu span{
  font-size:14px;
}
.onejiu span:first-child{
  color:rgb(80, 80, 80);
}
.onejiu .van-rate{
  margin:0 5px;
}
.oneshi p{
  font-size:12px;
  color:rgb(80, 80, 80);
  margin:5px 0;
}
.onesyi h3 {
  color:rgb(165, 123, 123);
  margin-top:20px;
}
.onesyi p {
  color:rgb(165, 123, 123);
  margin-top:10px;
  font-size:12px;
}


/*  */
.two{
  width:1000px;
  margin:0 auto;
}
.two .el-tabs__item{
  font-size:18px;
  font-weight:100;
  color:black;
}
.two .el-tabs__item.is-active{
  font-size:23px;
  font-weight:400;
  color:black;
}
.two .el-tabs__header .el-tabs__active-bar{
  background-color:rgba(254,258,107,1);
  height:5px;
}


.two .el-tabs__content .el-tabs__item{
  box-sizing:border-box;
  font-size:16px;
  font-weight:500;
  color:black;
  padding:0 5px;
  background-color:rgba(237,237,237,0.7);
  margin-left:5px;
  width:90px;
  height:50px;
  border-radius: 5px;
  text-align:center;
  line-height:50px;
}
.two .el-tabs__content .el-tabs__active-bar{
  display: none;
}
.two .el-tabs__content .el-tabs__nav-wrap::after{
  display: none;  
}
.two .el-tabs__content .el-tabs__item.is-active{
  background-color:rgba(254,258,107,1);
}

/*  */
.twoer{
  border:1px solid lightgray;
  background-color:rgb(250,250,200);
  padding:20px;
}
.twosan{
  display: flex;
  /* align-items:center; */
}
.twosan h4{
  width:100px;
  white-space:nowrap;
  font-size:14px;
  color:grey;
  font-weight:400;
  padding:5px 0;
}
.twosi{
  display: flex;
  flex-wrap:wrap;
}
.twosi a{
  margin-top:5px;
  padding:0 10px;
  font-weight:300;
  font-size:13px;
}
.twosi a:first-child{
  color:rgba(247,217,80,1);
}
.twowu{
  text-align:center;
  margin-top:5px;
  color:rgba(247,217,80,1);
  font-size:14px;
}
.twoliu{
  margin:15px 0;
  border:1px dashed lightgray;
}
.twoqi{
  display: flex;
}
.twoqi h4{
  width:60px;
  white-space:nowrap;
  font-size:14px;
  color:grey;
  font-weight:400;
  padding:5px 0;
}
.twoqi a{
  margin-top:5px;
  padding:0 10px;
  font-weight:300;
  font-size:13px;
}
.twoqi a:first-child{
  color:rgba(247,217,80,1);
}
.twoqi input{
  width:50px;
  font-size:12px;
  padding:5px 10px;
  border:none;
  border-radius:30px;
  background-color:rgba(237,237,237,0.7)
}
.twoqi button{
  padding:5px 15px;
  font-size:12px;
  border-radius:30px;
  border:none;
  background-color:rgba(247,217,80,1);
  margin-left:10px;
}
.twoqi span{
  font-weight:300;
  font-size:13px;
}
.el-row{
  margin:20px 0;
}
/* .el-col{
  box-sizing:border-box;
  overflow:hidden;
} */
.twojiu{
  border:1px solid lightgray;
  border-radius:10px;
  margin-top:20px;
}
.twojiu:hover{
  box-shadow:5px 5px 20px lightgray inset;
}
.twoshi img{
  width:100%;
}
.twosyi{
  padding:10px 5px;
}
.twoser{
  display: flex;
  align-items:center;
}
.twoser h4{
  color:rgb(108,108,108);
  font-weight:300;
}
.twoser span{
  padding:5px;
  background-color:rgba(247,217,80,1);
  border-radius:15px 15px 15px 0;
  color:white;
  font-size:12px;
  margin-left:5px;
}
.twossan{
  font-size:12px;
  margin-top:10px;
  color:rgb(123,123,123);
}
.twossi{
  display: flex;
  font-size:12px;
  margin-top:10px;
}
.twoswu{
  padding:5px;
  background-color: rgb(255,250,227);
}
.twosliu{
  padding:5px;
  background-color: rgb(231,248,241);
  margin:0 5px;
}
.twosqi{
  padding:5px;
  background-color: rgb(252,223,225);
}
.twoers{
  display: flex;
  align-items:center;
  justify-content:space-between;
  margin-top:15px;
}
.twoers h3{
  color:red;
}
.twoers span{
  font-size:12px;
}
.three{
  display: flex;
  justify-content:center;
}
.three li{
  width:30px;
  height:30px;
  margin-left:5px;
  background-color:lightgray;
  text-align:center;
  line-height:30px;
}

/*  */
.four{
  padding:20px 0;
  display: flex;
  align-items:top;
  
}
.four img{
  width:50px;
  height:50px;
}
.fouryi{
  margin-left:20px;
}
.fouryi p:first-child{
  font-size:18px;
}
.fouryi p:nth-child(2){
  font-size:14px;
  margin:5px 0;
}
.fouryi p:last-child{
  font-size:14px;
}